<template>
   <div>
       <h3>{{Title}}</h3>
     
      <VueEditor style="white-space:pre" v-model="content" @input="getHtml()"  />
       
   </div>
 </template>



<script>

import { VueEditor, Quill } from 'vue2-editor'


export default {
    components:{
        VueEditor
    },
     data() {
       return {
         content:this.value 
       }
     },

     props:['Title','Html','value'],

     methods:{
         getHtml:function()
         {
             console.info('emit GeHtml');
          
             this.$emit("input",this.content);

         },
				 setContent:function(html)
				 {
					 this.content=html;
				 }
     },

     watch:{
       value(newVal)
       {
         this.content=newVal;
       },
       content(newVal)
       {
         this.$emit('input',newVal);
       }
     }
}
</script>

<style>
 .quill-editor
 {
   white-space: pre-wrap
 }
</style>
